import ClassComponentLess from "./ClassComponent.module.less";

function ClassComponent() {
  return (
    <>
      <div className={ClassComponentLess.Class_content}>
        <div className="classList">
          <div className="class_items">
            <div className="left_class_cover">
              <img
                src="https://p1-jj.byteimg.com/tos-cn-i-t2oaga2asx/gold-user-assets/2020/6/20/172d144898de3145~tplv-t2oaga2asx-jj:150:210:0:0:q95.avis"
                alt="课程封面"
              />
            </div>
            <div className="right_class_info">
              <div className="top_title">
                <div className="isVIP">VIP</div>
                <div className="title_name">
                  Mysql是怎么运行的，从根本上了解Mysql
                </div>
              </div>
              <div className="introduce">
                授人以鱼不如授人以渔，从根儿上理解 MySQL，让 MySQL
                不再是一个黑盒。
              </div>
              <div className="author_info">
                <div className="author_Img">
                  <img src="" alt="" />
                </div>
                <div className="author_name">臣不知代码</div>
                <img
                  src="../../../../../public/icon/grade.avis"
                  className="grade"
                  alt=""
                />
                <div className="user_autograph">公众号【我们都是小青蛙】</div>
              </div>
              <div className="sell_status">
                <div className="price_low">
                  <span>￥</span>
                  <div className="price">17.94</div>
                </div>
                <div className="price_normal">￥29.9</div>
                <div className="CompletionStatus">
                  <div className="status">已完结</div>
                  <div className="num">53小节</div>
                </div>
                <div className="sellNum">23201人已购买</div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </>
  );
}

export default ClassComponent;
